<template>
  <div class="father">
   <h3>父级组件</h3>
   <Child :a="a" :b="b" :c="c" :d="d" v-bind= "{x:100, y:200}" :updateA="updateA"></Child>
  </div>
</template>

<script setup lang="ts" name="Father">
import Child from './Child.vue';
import {ref} from 'vue'
let a = ref(10)
let b = ref(20)
let c = ref(30)
let d = ref(40)

function updateA(value : number){
	a.value = value
}


	
</script>

<style scoped>
	.father{
		background-color: rgb(165, 164, 164);
		padding: 20px;
		border-radius: 10px;
	}
</style>
